header{
    height: .5rem;
    background-color: #FF841D;
    color: #fff;
    display: flex;
    // justify-content:space-evenly;
    justify-content: space-between;
    align-items: center;
   
    a:nth-of-type(1) {
        display: flex;
        align-items: center;
        img{
            margin-left: .2rem;
            width: 1.85rem;
        }
    }
    
    
    a:nth-of-type(2) img{
        height: .34rem;
    }
}

aside{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 .1rem;
    background-image: linear-gradient(to bottom, #fff, #ccc);
    font-size: .13rem;
    color: #333;
    p:nth-of-type(1){
        display: flex;
        align-items: center;
        a{
            font-size: .13rem;
            color: #333;
            display: block;
            line-height: .4rem;
            cursor: pointer !important;
        }
    }
    p:nth-of-type(2){
        a{
            font-size: .13rem;
            display: block;
            background-image: linear-gradient(to top, #fff, #ccc);
            width: .6rem;
            height: .3rem;
            text-align: center;
            line-height: .3rem;
            color: black;
            border-radius: .05rem;
            border: .01rem solid #ccc;
            cursor: pointer !important;
        }
        
    }

}
article{
    ul{
        li{
            
            display: flex;
            // height: 1rem;
            margin:.1rem 0;
            img{
                cursor: pointer;
                width: 1rem;
                height: 1rem;
                padding-left: .1rem;
            }
            p{
                cursor: pointer;
                display: flex;
                flex-direction: column;
                justify-content: center;
                color: #666;
                font-size: .14rem;
                padding: 0 .1rem;
                &>span:nth-of-type(2){
                    color: #ed0000;
                    font-size: .17rem;
                    margin: .05rem 0;
                }
                span:nth-of-type(3){
                    font-size: .13rem;
                }
            }
           
        }
        
    }
}
.leftRight{
    display: flex;
    justify-content:space-between;
    padding: .1rem .2rem;
    text-align: center;
    // height: .4rem;
    // color: rgb(204, 204, 204);
    // background-image: linear-gradient(to bottom, #fff, #f4f4f4);
    p{

        font-size: .13rem;
        cursor: pointer;
        padding: 0;
        margin :0;
        border: 1px solid #cccccc;
        // height: .4rem;
        align-items: center;
        // box-sizing: border-box;
        line-height: .36rem;
        
    }
    
}

.pp{
    height: .4rem;
    border: 1px solid #cccccc;
    font-size: .13rem;
    width: auto;
    padding: 0 .2rem;
    margin: 0;
    option{
        align-items: center;
    }
}
.left,.right{
    // background-image: linear-gradient(to bottom, #fff, #f4f4f4);
    background-image: linear-gradient(to bottom, #fff, #f4f4f4);
    // color: #333; 
    color: #ccc;               
    width: .7rem;
    border-radius: 5px;   
}
.right{
    color: #333; 
}